<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
</head>
<body>
		<!-- data-test-name 自定义属性   一定要以 data 开头-->
	  <input type="text"  data-test-name='abc' class="inputs">

	  <script>
	   var input=document.querySelector('.inputs')   //  ref   e  
	   console.log(input)

	   // 获取自定义属性 
	  var getVal=   input.dataset.testName
	  console.log(getVal)

	//   设置自定义属性
	input.dataset.abc='ni hao shuai';
	console.log(input)

	 var getVal2=   input.dataset.abc;  
	 console.log(getVal2)


	   
	 
	 </script>
</body>
</html>